---
id: ui-components
title: UI Components
---

import useBaseUrl from '@docusaurus/useBaseUrl';

TODO:

- Write docs about the `components` exported [here](https://github.com/react-native-community/react-native-share/tree/5299d95aab25bfba6815e0f5455876897ed8ddc6/components) and [here](https://github.com/react-native-community/react-native-share/blob/5299d95aab25bfba6815e0f5455876897ed8ddc6/index.js#L50-L82)
- Refactor the `UI Components` to use function components.

## How it looks

### Android

<img alt="Demo Android UI Component" src={useBaseUrl('img/assets-docs/android-component-250x.gif')} />

### iOS

<img alt="Demo iOS UI Component" src={useBaseUrl('img/assets-docs/ios-component-250x.gif')} />

